.card-box {
  height: 100%;
  .user-box-title {
    text-align: center;
    padding: 50px 0;
    position: relative;

    .sx-btn {
      position: absolute;
      top: 20px;
      right: 40px;
    }
  }

  .c-list-box {
    padding: 0 40px;
    margin-top: 10px;

    .bdcard {
      width: 100%;
      height: 80px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 4PX;
      position: relative;

      .bd-input {
        width: 100%;
        height: 100%;
        background: $tm;
        border: 0px;
        color: $font;
        padding-left: 15px;

        &::placeholder {
          color: $font;
          padding: 0 15px;
        }
      }

      .bd-text {
        position: absolute;
        right: 20px;
        color: #12D0E9;
        bottom: 0;
        line-height: 80px;
      }
    }

    .sing-card {
      width: 100%;
      margin-top: 20px;

      .mu-expansion-panel {
        width: 100%;

        .mu-expansion-panel-header {
          padding: 0;
          width: 100%;

          .mu-button {
            display: none;
          }

          .card-title {
            width: 100%;
            height: 120px;
            border-radius: 4PX;
            color: $font;


            .idr {
              width: 72px;
              height: 36px;
              display: inline-block;
              background: rgba(251, 167, 3, 1);
              border-radius: 4PX;
              color: #fff;
              margin: 42px 10px 0 20px;
              text-align: center;
            }

            .card-money {
              line-height: 120px;
              color: #00D3ED;
              margin-right: 10px;
            }
          }
        }

        .mu-expansion-panel-content {
          background: rgba(27, 62, 108, 0.3);
          border-radius: 0px 0px 5PX 5PX;
          padding: 0;

          .card-info {
            width: 100%;

            li {
              color: $font;
              width: 100%;
              padding: 30px 40px;

            }

            .hardle {
              background: rgba(13, 75, 151, 0.32);
              color: #12D0E9;
              text-align: center;

              .hardle-text {
                margin-left: 20px;
              }
            }
          }



        }
      }

    }
  }


}

.card-choose{
  .mu-list {
    background: #193362;

    li {
      padding: 20px 0;
    }
  }
}


.mu-form-item {

  .mu-form-item-label,
  .mu-radio-label {
    color: $font !important;
    font-size: 16PX;
  }

  color:$font !important;
}
